<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米su7</title>
		<style>
			
			.product_card{
				width:226px;
				height:368px;
				border:1px solid #d5d5d5;
				background-image: url("./img/小米su7.jpg");
				background-size:213px 257px ;
				background-repeat: no-repeat;
				background-position:10px 10px ;
				padding:10px 10px 15px 10px ;
				border-radius: 6px;
				position: relative;
			}
			.product_card h3{
				position:absolute;
				left:50px;
				top:290px;
				margin: 0px;
				
			}
			.product_card p{
				position:absolute;
				left:42px;
				top:320px;
				margin: 0px;
				color: red;
			}
			p a{
				position:relative;
				left:5px;
				top:20px;
				margin: 0px;
				font-size: 11px;
				text-decoration: none;
				color:#b6b6b6;
			}
		</style>
	</head>
	<body>
		
	</body>
	<div class="product_card">
		<h3>小米SU7</h3>
		<p>$279999.00</p>
		<p><a href="https://www.mi.com/">已有</a>
		<a href="#">10万+</a>
		<a href="#">人评价</a>
		
		</p>
		
	</div>
</html>